@import '../../base.scss';
.evaluate-itemD{
  .body{
   background:  #f5f5f9;
   bottom:0;
  }
  .bg{
   
        background: #ffffff;
     }
    .top-item{
 
        padding: rem(15px); 
        display: flex;
        .item-img{
            display: inline-block;
            width: rem(180px*1.3);
            height: rem(150px*1.3);
        }
        .item-info{
           flex: 1;
           margin-left: rem(20px);
           font-size: 16px;
           display: flex;
           justify-content: space-between;
           flex-direction: column;
           .item-info-text{
             p:nth-of-type(1){
                 margin-bottom:10px;
             }
           }
           p{
                
                height: auto;
                word-wrap:break-word;
                word-break:break-all;
                overflow: hidden;
               
           }
           span{
               color:#999999;
           }
           .nunber{
               color: #1a8afa;
               font-size: 18px;
           }
        }
    }
    .choice-class{
      
        display: flex;
        margin-top: 10px;
       .choice-item{
         flex-basis:33.33%;
         color:#999999;
          box-sizing: border-box;
         font-size: 14px;
         padding: 5px 8px;
         text-align: center;
         p{
           padding: 5px 0;
           box-sizing: border-box;
           border:1px solid #c9c9c9;
           border-radius: 15px;
           &.active{
            color:#1a8afa;
            border-color:#1a8afa;
           }
         }
       }
    }
    .evaluateItem-content{
        background: #ffffff;
        margin-top: 10px;
     
        .evaluateItem-content-title{
            padding: rem(25px) rem(15px);
            font-size:16px;
            border-bottom:1px solid #e1e1e1;
        }
        .textarea-conatiner{
            margin: 0;
            padding:rem(15px);
            background: none;
            .textarea{
                padding: 0;
            }
        }
    }
    .evaluateItem-button{
        margin: 15px  0;
      display: flex;
      justify-content:center;
      flex-direction: row;
    }
    .start-group-list{
        padding:0 rem(15px);
    }
}
